@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body{
	height: 10000px;
	background: linear-gradient(#660077,#87ceeb);
}

.rocket{
	width: 149px;
	height: 249px;
	background-image: url(../img/4.png);
	background-position: 0%;
	position: fixed;
	top:70%;
	right: 50px;
	transition: top .5s ease-in;
}
.rocket:hover{
	background-position: -100%;
}
.rocket.active{
	animation: rocket_run .5s infinite steps(5);
}
.rocket.xianshi{
	background-position: -100%;
}
@keyframes rocket_run{
	from{
		background-position: -200%;
	}
	to{
		background-position: -500%;
	}
}